<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>json 快速入门案例</title>
    <script type="text/javascript">
        var myJson = {
            "key1": "韩顺平教育", // 字符串
            "key2": 123, // Number
            "key3": [1, "hello", 2.3], // 数组
            "key4": {"age": 12, "name": "jack"}, //json 对象
            "key5": [ //json 数组
                {"k1": 10, "k2": "milan"}, {"k3": 30, "k4": "smith"}
            ]
        };

        window.onload = function () {
            //访问 json 的属性
            console.log("key1=", myJson.key1)
            console.log("key2=", myJson.key2)
            console.log("key3=", myJson.key3)
            //循环输出
            for (let i = 0; i < myJson.key3.length; i++) {
                console.log("%i=",i,myJson.key3[i])
            }
            //json对象
            console.log("key4=",myJson.key4, "name=",myJson.key4.name)
            
            //json数组
            console.log("key5=",myJson.key5[1].k4)
            

        }
        // 访问 json 的数组属性
        // 访问 key4 的 name 属性
        // 访问 key5 json 数组的第一个元素
    </script>
</head>
<body>
<h1>json 快速入门案例</h1>
</body>
</html>